<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<!--学生登录注册的玩意-->

<!--        <el-card slot="header">-->
<!--            <h4>学生管理系统</h4>-->
<!--            <el-button icon="el-icon-plus" style="position: relative;left: 50%;" type="primary" size="mini"-->
<!--                       @click="dislogFom=true">添加-->
<!--            </el-button>-->
<!--            <el-table-->
<!--                    :data="tableData"-->
<!--                    style="width: 50%">-->
<!--                <el-table-column-->
<!--                        label="序号"-->
<!--                        width="180">-->
<!--                    <template slot-scope="scope">-->

<!--                        <span style="margin-left: 10px">{{ scope.row.no }}</span>-->
<!--                    </template>-->
<!--                </el-table-column>-->

<!--                <el-table-column-->
<!--                        label="姓名"-->
<!--                        width="180">-->
<!--                    <template slot-scope="scope">-->
<!--                        <el-popover trigger="hover" placement="top">-->
<!--                            <p>姓名: {{ scope.row.name }}</p>-->
<!--                            <p>住址: {{ scope.row.address }}</p>-->
<!--                            <div slot="reference" class="name-wrapper">-->
<!--                                <el-tag size="medium">{{ scope.row.name }}</el-tag>-->
<!--                            </div>-->
<!--                        </el-popover>-->
<!--                    </template>-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                        label="性别"-->
<!--                        width="180">-->
<!--                    <template slot-scope="scope">-->
<!--                        <span style="margin-left: 10px">{{ scope.row.sex | sexfider}}</span>-->
<!--                    </template>-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                        label="日期"-->
<!--                        width="180">-->
<!--                    <template slot-scope="scope">-->
<!--                        <i class="el-icon-time"></i>-->
<!--                        <span style="margin-left: 10px">{{ scope.row.brith }}</span>-->

<!--                    </template>-->
<!--                </el-table-column>-->
<!--                <el-table-column label="操作">-->
<!--                    <template slot-scope="scope">-->
<!--                        <el-button-->
<!--                                size="mini"-->
<!--                                @click="update(scope.row)">编辑-->
<!--                        </el-button>-->
<!--                        <el-popconfirm-->
<!--                                @confirm="handleDelete(scope.$index, scope.row)"-->
<!--                                :title="`确定删除【${scope.row.name}】吗？`">-->
<!--                            <el-button slot="reference" size="mini" type="danger">删除</el-button>-->
<!--                        </el-popconfirm>-->
<!--                    </template>-->
<!--                </el-table-column>-->
<!--            </el-table>-->
<!--        </el-card>-->


<!--        &lt;!&ndash;添加学生信息&ndash;&gt;-->
<!--        <el-dialog title="添加学生信息" :visible.sync="dislogFom">-->
<!--            <el-form :model="form">-->
<!--                <el-form-item label="学生姓名" label-width="120px">-->
<!--                    <el-input v-model="form.name" autocomplete="off"></el-input>-->
<!--                </el-form-item>-->

<!--                <el-form-item label="学生性别" label-width="120px">-->
<!--                    <el-radio v-model="form.sex" :label="1">男</el-radio>-->
<!--                    <el-radio v-model="form.sex" :label="0">女</el-radio>-->
<!--                </el-form-item>-->

<!--                <el-form-item label="学生生日" label-width="120px">-->
<!--                    <el-date-picker v-model="form.brith"-->
<!--                                    type="date"-->
<!--                                    value-format="yyyy-MM-dd"-->
<!--                                    placeholder="选择日期">-->
<!--                        >-->

<!--                    </el-date-picker>-->
<!--                </el-form-item>-->
<!--            </el-form>-->
<!--            <div slot="footer" class="dialog-footer">-->
<!--                <el-button @click="dialogFormVisible = false">取 消</el-button>-->
<!--                <el-button type="primary" @click="savaStuden">确 定</el-button>-->
<!--            </div>-->
<!--        </el-dialog>-->


<!--        &lt;!&ndash;修改学生信息&ndash;&gt;-->
<!--        <el-dialog title="修改学生信息" :visible.sync="upShow">-->
<!--            <el-form :model="form">-->
<!--                <el-form-item label="学生姓名" label-width="120px">-->
<!--                    <el-input v-model="form.name" autocomplete="open"></el-input>-->
<!--                </el-form-item>-->

<!--                <el-form-item label="学生性别" label-width="120px">-->
<!--                    <el-radio v-model="form.sex" :label="1">男</el-radio>-->
<!--                    <el-radio v-model="form.sex" :label="0">女</el-radio>-->
<!--                </el-form-item>-->

<!--                <el-form-item label="学生生日" label-width="120px">-->
<!--                    <el-date-picker v-model="form.brith"-->
<!--                                    type="date"-->
<!--                                    value-format="yyyy-MM-dd"-->
<!--                                    placeholder="选择日期">-->
<!--                        >-->

<!--                    </el-date-picker>-->
<!--                </el-form-item>-->
<!--            </el-form>-->
<!--            <div slot="footer" class="dialog-footer">-->
<!--                <el-button @click="dialogFormVisible = false">取 消</el-button>-->
<!--                <el-button type="primary" @click="updateTrue">确 定</el-button>-->
<!--            </div>-->
<!--        </el-dialog>-->

<script>    //         dislogFom: false,
//         upShow: false,
//         tableData: [{
//             no: 1,
//             sex: 1,
//             brith: '2016-05-02',
//             name: '王小虎',
//             address: '上海市普陀区金沙江路 1518 弄'
//         }, {
//             no: 2,
//             sex: 1,
//             brith: '2016-05-04',
//             name: '王小虎',
//             address: '上海市普陀区金沙江路 1517 弄'
//         }, {
//             no: 3,
//             sex: 1,
//             brith: '2016-05-01',
//             name: '王小虎',
//             address: '上海市普陀区金沙江路 1519 弄'
//         }, {
//             no: 4,
//             sex: 1,
//             brith: '2016-05-03',
//             name: '王小虎',
//             address: '上海市普陀区金沙江路 1516 弄'
//         }],
//         form: {
//             name: '',
//             region: '',
//             date1: '',
//             date2: '',
//             delivery: false,
//             type: [],
//             resource: '',
//             desc: ''
//         },
//     }
// },
// filters: {
//     sexfider(val) {
//         return val === 1 ? '男' : '女';
//     }
// },
// methods: {
//     handleEdit(index, row) {
//         console.log(index, row);
//     },
//     handleDelete(index, row) {
//         console.log(index, row);
//         this.tableData.splice(index, 1);
//     },
//     savaStuden() {
//         this.form.no = this.tableData.length + 1;
//         this.tableData.push(this.form);
//         this.form = {};
//         this.dislogFom = false;
//     },
//
//
//     update(row) {
//         this.upShow = true;
//         this.form = {
//             no: row.no,
//             name: row.name,
//             sex: row.sex,
//             brith: row.brith
//         }
//     },
//     updateTrue() {
//         this.tableData.push(this.form);
//         this.form = {};
//         this.upShow = false;
//     }</script>
</html>